<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>省广股份</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1846855_x613418xaj.css"/>
	</head>
	<body>
		<input type="checkbox" id="login"/>
		<input type="checkbox" id="search"/>
		<div class="web">
			<!-- 头部 -->
			<header>
				<label for="login">
					<div class="left_logo">
						<i class="iconfont icon-fenlei"></i>
					</div>
				</label>
				<div class="middle_logo">
					<img src="img/logo.png" >
				</div>
				<label for="search">
					<div class="search_logo">
						<i class="iconfont icon-sousuo"></i>
					</div>
				</label>
			</header>
			<!-- 中间内容 -->
			<section>
				<div class="swiper">
					<img src="img/swiper_01.png" >
					<div class="mask">
						<h4>省广股份携手阿里妈妈举行DT大时代 全息营销全息营销</h4>
						<div class="date">
							<div class="date_left">
								<span>
									<i class="iconfont icon-xinheart118"></i>
									120
								</span>
								<span>
									<i class="iconfont icon-yanjing"></i>
									560
								</span>
							</div>
							<div class="date_right">
								12月26日 07:33:43
							</div>
							<ol>
								<li class="active"></li>
								<li></li>
								<li></li>
								<li></li>
							</ol>
						</div>
					</div>
				</div>
				<!-- 第一种 -->
				<div class="mode_one">
					<div class="content_box">
						<div class="c_left">
							<h4>#苍井空#互联网卖内衣全球引爆声量飚至7.9亿</h4>
							<div class="date">
								<div class="date_left">
									<i class="iconfont icon-xinheart118">120</i>
								</div>
								<div class="date_right">
									<span>2小时前</span>
									<span>[案例观点]</span>
								</div>
							</div>
						</div>
						<div class="c_right">
							<img src="img/article_01.png" alt="">
						</div>
					</div>
					<div class="content_box">
						<div class="c_left">
							<h4>#苍井空#互联网卖内衣全球引爆声量飚至7.9亿</h4>
							<div class="date">
								<div class="date_left">
									<i class="iconfont icon-xinheart118">120</i>	
								</div>
								<div class="date_right">
									<span>2小时前</span>
									<span>[案例观点]</span>
								</div>
							</div>
						</div>
						<div class="c_right">
							<img src="img/article_02.png" alt="">
						</div>
					</div>
				</div>
				<div class="bottom_line"></div>
				<!-- 第二种 -->
				<div class="mode_two">
					<h4>#苍井空#互联网卖内衣全球引爆声量飚至7.9亿</h4>
					<div class="show_img">
						<img src="img/article_03.png" alt="">
						<img src="img/article_04.png" alt="">
						<img src="img/article_05.png" alt="">
					</div>
					<div class="date clearfix">
						<div class="date_left fl">
							<div class="tx">
								<img src="img/touxiang.png" alt="">
							</div>
							<span>陈正光</span>
							<i class="iconfont icon-pinglun1"></i>
							<span>
								6868
							</span>
							<i class="iconfont icon-xinheart118"></i>
							<span>
								4848
							</span>
						</div>
						<div class="date_right fr">
							2天前[案例观点]
						</div>
					</div>
				</div>
				<!-- 复用 -->
				<div class="mode_one">
					<div class="content_box">
						<div class="c_left">
							<h4>#苍井空#互联网卖内衣全球引爆声量飚至7.9亿</h4>
							<div class="date">
								<div class="date_left">
									<i class="iconfont icon-xinheart118"></i>
									6
								</div>
								<div class="date_right">
									<span>12月26日 07:33:43</span>
									<span>[新闻]</span>
								</div>
							</div>
						</div>
						<div class="c_right">
							<img src="img/article_06.png" alt="">
						</div>
					</div>
					<div class="content_box">
						<div class="c_left">
							<h4>#苍井空#互联网卖内衣全球引爆声量飚至7.9亿</h4>
							<div class="date">
								<div class="date_left">
									<i class="iconfont icon-xinheart118"></i>
									120
								</div>
								<div class="date_right">
									<span>2小时前</span>
									<span>[案例观点]</span>
								</div>
							</div>
						</div>
						<div class="c_right">
							<img src="img/article_07.png" alt="">
						</div>
					</div>
				</div>
				<div class="mode_two">
					<h4>#苍井空#互联网卖内衣全球引爆声量飚至7.9亿</h4>
					<div class="show_img">
						<img src="img/article_08.png" alt="">
						<img src="img/article_09.png" alt="">
						<img src="img/article_10.png" alt="">
					</div>
					<div class="date clearfix">
						<div class="date_left fl">
							<div class="tx">
								<img src="img/touxiang.png" alt="">
							</div>
							<span>陈正光</span>
							<i class="iconfont icon-pinglun1"></i>
							<span>
								6868
							</span>
							<i class="iconfont icon-xinheart118"></i>
							<span>
								4848
							</span>
						</div>
						<div class="date_right fr">
							2天前[案例观点]
						</div>
					</div>
				</div>
				<div class="mode_one">
					<div class="content_box">
						<div class="c_left">
							<h4>#苍井空#互联网卖内衣全球引爆声量飚至7.9亿</h4>
							<div class="date">
								<div class="date_left">
									<i class="iconfont icon-xinheart118"></i>
									120
								</div>
								<div class="date_right">
									<span>2小时前</span>
									<span>[案例观点]</span>
								</div>
							</div>
						</div>
						<div class="c_right">
							<img src="img/article_11.png" alt="">
						</div>
					</div>
					<div class="content_box">
						<div class="c_left">
							<h4>#苍井空#互联网卖内衣全球引爆声量飚至7.9亿</h4>
							<div class="date">
								<div class="date_left">
									<i class="iconfont icon-xinheart118"></i>
									120
								</div>
								<div class="date_right">
									<span>2小时前</span>
									<span>[案例观点]</span>
								</div>
							</div>
						</div>
						<div class="c_right">
							<img src="img/article_12.png" alt="">
						</div>
					</div>
				</div>
				<div class="more">
					加载更多
				</div>
			</section>
			<!-- 底部 -->
			<footer>
				<ul>
					<li class="active">
						<a href="index.html">
							<i class="iconfont icon-shouye"></i>
							<p>首页</p>
						</a>
					</li>
					<li>
						<a href="gimc.html">
							<i class="iconfont icon-iconfont31"></i>
							<p>GIMC</p>
						</a>
					</li>
					<li>
						<a href="article.html">
							<i class="iconfont icon-bi"></i>
							<p>文章</p>
						</a>
					</li>
					<li>
						<a href="resource.html">
							<i class="iconfont icon-ziyuan"></i>
							<p>资源</p>
						</a>
					</li>
					<li>
						<a href="college.html">
							<i class="iconfont icon-maozi"></i>
							<p>学院</p>
						</a>
					</li>
				</ul>
			</footer>
		</div>
		<!-- 登录 -->
		<div class="login_box">
			<!-- <input type="radio" name="login" id="login_btn" checked="checked" />
			<input type="radio" name="login" id="exit_login" /> -->
			<div class="l_top">
				<label for="login">
					<div class="close">
						<i class="iconfont icon-guanbi"></i>
					</div>
				</label>
				<div class="l_search">
					<input type="text" placeholder="Search">
					<i class="iconfont icon-sousuo"></i>
				</div>
			</div>
			<div class="l_content">
				<img src="img/mx-nologin.png" alt="">
				<a href="#">立即登录</a>
				<a href="#">忘记密码</a>
			</div>
			<!-- <div class="l_content_02">
				<div class="photo">
					<img src="" alt="">
					<span>1</span>
				</div>
				<div class="name">
					<p class="name">陈小敏</p>
					<a href="#">个人中心</a>
				</div>
				<div class="grade">
					<i></i>
				</div>
				<div class="attention">
					<p>关注<span>36</span></p>
					<p>粉丝<span>290</span></p>
				</div>
				<div class="btn">
					<a href="#">我的收藏</a>
					<a href="#">我的发布</a>
				</div>
			</div> -->
			<div class="bottom_line"></div>
			<ul class="list">
				<li>GIMC</li>
				<li>文章</li>
				<li>资源</li>
				<li>课程</li>
			</ul>
		</div>
		<!-- 搜索 -->
		<div class="search_box">
			<div class="s_header">
				<div class="s_search">
					<i class="iconfont icon-sousuo"></i>
					<input type="text" placeholder="Search">
				</div>
				<label for="search">
					<p>取消</p>
				</label>
			</div>
			<div class="hot">
				<h4>热搜</h4>
				<ul>
					<li>项目管理</li>
					<li>移动互联网</li>
					<li>O2O联转化</li>
					<li>O2O</li>
					<li>媒介平台</li>
					<li>细分平台业务</li>
					<li>项目管理</li>
					<li>移动互联</li>
					<li>O2O联转化</li>
				</ul>
			</div>
		</div>
		
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
